<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>入汕人员信息登记</title>
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <style type="text/css">
      html,body{ background-color: transparent;}
      .redBg{ background-color: rgb(255, 0, 0); }
      .redBg .fillList,.fillBox .fillList{ background-color: transparent; }
      .redBg .fillList .fillItem span{ color: #fff !important; }
      section{position: absolute; top:0px; bottom: 0px; overflow-y: scroll; -webkit-overflow-scrolling: touch; background-color: rgb(117, 180, 86);width: 100%;
      }

      .weui-photo-browser-modal .photo-container img {
            width: 100%;
        }
        .weui-photo-browser-modal .photo-container .closeBtn {
            position: absolute;
            top: 3rem;
            right: 0.5rem;
            z-index: 100;
            width: 1.5rem;
            height: 1.5rem;
            display: block;
            color: #fff;
            font-size: 0;
            background: url('../../../../Content/M/images/closeImg.png') no-repeat;
            background-size: cover;
        }
    </style>
  </head>
  <body id="app">
    <section class="padB25 fillBox redBg">
        <ul class="fillList borderB">
            <li class="fillItem">
                <span class="colorff font28">请将当前界面或截图出示给卡口工作人员进行检查</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">当前检查口</span>
                <span class="itemValue font28">揭惠高速铜贵出入口（揭阳方向入口）</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">检查时间</span>
                <span class="itemValue font28">2020.02.05 10:25:32</span>
            </li>
            <li class="fillItem">
                <span class="itemName bold font28">人员信息</span>
            </li>

            <!-- start 入汕人员若勾选了该项信息，则进行醒目提示，若用户没有勾选，则不显示 -->
            <li class="fillItem">
                <span class="font28">14天内经过湖北</span>
            </li>
            <li class="fillItem">
                <span class="font28">14天内与确诊患者接触</span>
            </li>
            <!-- end 入汕人员若勾选了该项信息，则进行醒目提示，若用户没有勾选，则不显示 -->

            <li class="fillItem">
                <span class="itemName font28">姓名</span>
                <span class="itemValue font28">张小明</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">性别</span>
                <span class="itemValue font28">男</span>
            </li>
            <li class="cameraBox">
                <div class="fillItem">
                    <span class="itemName font28">身份证号</span>
                    <span class="itemValue font28">44050919900111234（归属地：湖北）</span>
                </div>
                <div class="j_cameraList">
                    <div class="cameraList">
                        <div class="cameraItem j_158">
                            <img data-src="images/v2_q5qbwk.png" class="loadImg">
                        </div>
                        <div class="cameraItem j_158">
                            <img data-src="images/v2_q5qbxl.png" class="loadImg">
                        </div>
                    </div>
                </div>
            </li>
            <li class="fillItem">
                <span class="itemName font28">手机号码</span>
                <span class="itemValue font28">13800138000</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">入汕方式</span>
                <span class="itemValue font28">火车</span>
            </li>
            <li class="cameraBox">
                <div class="fillItem">
                    <span class="itemName font28">车次</span>
                    <span class="itemValue font28">k9955</span>
                </div>
                <div class="j_cameraList">
                    <div class="cameraList">
                        <div class="cameraItem j_158">
                            <img data-src="images/v2_q5qc6b.png" class="loadImg">
                        </div>
                    </div>
                </div>
            </li>
            <li class="fillItem">
                <span class="itemName font28">来源地</span>
                <span class="itemValue font28">湖北省，武汉市，江汉区</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">目的地</span>
                <span class="itemValue font28">广东省，汕头市，南澳区</span>
            </li>
        </ul>
        <ul class="fillList borderB">
            <li class="fillItem">
                <span class="font34 bold font28">同行人员1（共2人）</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">姓名</span>
                <span class="itemValue font28">张小明</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">性别</span>
                <span class="itemValue font28">男</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">身份</span>
                <span class="itemValue font28">老人</span>
            </li>
            <li class="cameraBox">
                <div class="fillItem">
                    <span class="itemName font28">身份证号</span>
                    <span class="itemValue font28">44050919900111234（归属地：湖北）</span>
                </div>
                <div class="j_cameraList">
                    <div class="cameraList">
                        <div class="cameraItem j_158">
                            <img data-src="images/v2_q5qbwk.png" class="loadImg">
                        </div>
                        <div class="cameraItem j_158">
                            <img data-src="images/v2_q5qbxl.png" class="loadImg">
                        </div>
                    </div>
                </div>
            </li>
            <li class="fillItem">
                <span class="itemName font28">手机号码</span>
                <span class="itemValue font28">13800138000</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">14天内经过湖北</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">14天内与确诊患者接触</span>
            </li>
        </ul>
        <ul class="fillList borderB">
            <li class="fillItem">
                <span class="font34 bold font28">同行人员2（共2人）</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">姓名</span>
                <span class="itemValue font28">张小明</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">性别</span>
                <span class="itemValue font28">男</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">身份</span>
                <span class="itemValue font28">老人</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">身份证号</span>
                <span class="itemValue font28">44050919900111234</span>
            </li>
            <li class="fillItem">
                <span class="itemName font28">手机号码</span>
                <span class="itemValue font28">13800138000</span>
            </li>
        </ul>
        <ul class="fillList padTB40">
            <li class="fillItem">
                <span class="itemName font28">最近更新时间</span>
                <span class="itemValue font28">2020.02.05 10:25:32</span>
            </li>
        </ul>
    </section>

    <div class='footer'>
        <div class="delete">
          我要修改
        </div>
    </div>

    <div class="pop_bg" style="display: none;"></div>
    <div class="popScroll" style="display: none;">
        <img src="images/001.jpg" alt="">
    </div>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/jquery-weui.js"></script>
    <script type="text/javascript">

        myJS.imgScale('.j_158', '158', '100');
        myJS.imgScale('.j_1', '1', '1');
        myJS.ImgFull('.loadImg','images/error.png');
        $(function () {
            $(".cameraItem").click(function() {
                var itemsArr = [];
                var items = $(this).parents('.cameraList').children();
                $.each(items,function(index,value,context){
                    var txt = $(value).find('img').attr('data-src');
                    itemsArr.push(txt);
                })
                //console.log(itemsArr);
                var pb1 = $.photoBrowser({
                  items: itemsArr,
                  initIndex: $(this).index(),
                  onSlideChange: function(index) {
                    console.log(this, index);
                  },


                  onOpen: function() {
                    console.log("onOpen", this);
                  },
                  onClose: function() {
                    $(pb1.modal).remove();
                    console.log("onClose", this);
                  }
                });

                pb1.open();
            });
            
        });
    </script>
  </body>
</html>
